.none {
	display: none;
}
#add_project input {
	line-height: 30px;
}
#add_project {
	padding: 20px 12px;
	box-sizing: border-box;
	overflow-y: auto;
}
#add_project svg {
	margin: 0 10px;
}
#add_project .tag {
	position: absolute;
	right: 10%;
	top: -20px;
}
#add_project .tag svg {
	width: 60px;
	height: 80px;
}
#add_project .content {
	position: relative;
	border: 1px solid #ccc;
}
#add_project .js_back {
    position: static;
    font-size: 14px;
    line-height: 10px;
    color: #646464;
    display: inline-block;
	border: 1px solid #909090;
	padding: 6px 8px;
	border-radius: 4px;
}
.add-project-head {
	position: relative;
	padding: 13px 20px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}
.add-project-body {
	padding: 10px;
}
.add-project-input {
	padding: 5px 10px;
	width: 334px;
	border: 1px solid #ccc;
}
.start-to-end {
	display: inline-block;
	width: 32px;
	line-height: 32px;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	background-color: #e5e5e5
}
.add-project-textarea {
	margin-top: 10px;
	vertical-align: top;
	height: 150px;
	overflow:hidden;
	resize:none;
}
.date {
	float:left;
	width: 183px;
}
table.table-condensed {
	width: 204px;
}
.add-project-input:focus {
	border-color: #4d90fe;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,.6);
}
.add-project-row {
	margin-left: 50px;
	line-height: 40px;
}
.add-project-row {
	margin-bottom: 8px;
}
.add-project-row svg {
	width: 29px;
	height: 29px;
}
.add-project-row .name {
	display: inline-block;
	width: 112px;
	font-size: 16px;
}
#add_project .textarea-name svg {
	vertical-align: top;
	margin-top: 6px;
}
.textarea-name .name {
	vertical-align: top;
}
#add_project .submit {
	display: inline-block;
	margin: 20px 0 0 176px;
	padding: 5px 10px;
	line-height: 1.5;
	border-radius: 2px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	background-color: #68cacb;
	background-color: var(--color);
	border-color: #103152;
}
#add_project .submit:hover {
	color: #fff;
	border-color: #0c243c;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.1);
	box-shadow: 0 2px 1px rgba(0,0,0,.1);
	opacity: .8;
}
#add_project .timepicker-container {
	position: relative;
	clear: both;
	display: inline-block;
	margin-top: 5px;
	z-index: 0;
	vertical-align: middle;
}
